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WCAG 2.1 Level AA Success Criteria 


COMPLIANCE AUDIT 


For atoffice.co | Verdict: Semi-compliant 


This audit evaluates the adherence level of atoffice.co as of Wed May 24 2023, to the "Web 
Content Accessibility Guidelines" (WCAG) 2.1 level AA success criteria. 


Below youll find the results for dozens of tests that focus mainly on 3 categories: screen-reader 
adjustments(for blind users), keyboard navigation adjustments (for the motor impaired) and UI, 
design, and readability adjustments (for the vision impaired). 


# Requirement Relevant Successes Failures Score 


1 Yes 2 29 6% 


Code snapshots of some successful elements 


<button class="dropbtn1" onclick="myFunction()" ><img class="img3 entered 
lazyloaded" src="https://pub-24d1854723aa4a138328ba602a53570b.r2.dev/wp-c 
ontent/uploads/2022/06/Group-1000001715.png" data-lazy-src="https://pub-2 
4d1854723aa4a138328ba602a53570... 


<a href="#tools" class="elementor-button-link elementor-button elementor- 
size-sm" role="button" > <span class="elementor-button-content-wrapper"> 
<span class="elementor-button-text">Get Started</span> </span> </a> 


Code snapshots of some failed elements 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-b20185a" data-id="b20185a" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-810dbc8" data-id="810dbc8" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


<div class="elementor-element elementor-element-578f993 elementor-widget 
elementor-widget-text-editor" data-id="578f993" data-element_type="widge 
t" data-widget type="text-editor.default" > <div class="elementor-widget- 
container"> Edit alignment, size... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-26a31ed" data-id="26a31ed" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-01edde6" data-id="0ledde6" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


«div class="elementor-element elementor-element-247595c elementor-widget 
elementor-widget-text-editor" data-id="247595c" data-element type="widge 
t" data-widget type="text-editor.default" » «div class="elementor-widget- 
container"» Convert each docx pa... 


«div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-8a0eb80" data-id="8a0eb80" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


«div class="elementor-widget-wrap elementor-element-populated" » «div cla 
ss="elementor-element elementor-element-cb4dd95 elementor-widget elemento 
r-widget-heading" data-id="cb4dd95" data-element type="widget" data-widge 
t type="heading.default"» «div ... 


«div class="elementor-element elementor-element-24fe4ab elementor-widget 
elementor-widget-text-editor" data-id="24fe4ab" data-element type="widge 
t" data-widget type="text-editor.default" » «div class="elementor-widget- 
container"» Convert Microsoft XP... 


«div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-09ac5fd" data-id="09ac5fd" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


Buttons should include text explaining their 
functionality, and if icons are used as 
buttons, a screen-reader only text or an 
"aria-label" attribute should be used for 
that description. 


Code snapshots of some successful elements 


<button class="dropbtn1" onclick="myFunction()" ><img class="img3 entered 
lazyloaded" src="https://pub-24d1854723aa4a138328ba602a53570b.r2.dev/wp-c 
ontent/uploads/2022/06/Group-1000001715.png" data-lazy-src="https://pub-2 
4d1854723aa4a138328ba602a53570... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-b20185a" data-id="b20185a" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-810dbc8" data-id="810dbc8" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


<div class="elementor-element elementor-element-578f993 elementor-widget 
elementor-widget-text-editor" data-id="578f993" data-element_type="widge 
t" data-widget type="text-editor.default" > <div class="elementor-widget- 
container"> Edit alignment, size... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-26a31ed" data-id="26a31ed" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


«div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-01edde6" data-id="0ledde6" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


«div class="elementor-element elementor-element-247595c elementor-widget 
elementor-widget-text-editor" data-id="247595c" data-element type="widge 
t" data-widget type="text-editor.default" » «div class="elementor-widget- 
container"» Convert each docx pa... 


«div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-8a0eb80" data-id="8a0eb80" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


«div class="elementor-widget-wrap elementor-element-populated" » «div cla 
ss="elementor-element elementor-element-cb4dd95 elementor-widget elemento 
r-widget-heading" data-id="cb4dd95" data-element type="widget" data-widge 
t type="heading.default"» «div ... 


«div class="elementor-element elementor-element-24fe4ab elementor-widget 
elementor-widget-text-editor" data-id="24fe4ab" data-element type="widge 
t" data-widget type="text-editor.default" » «div class="elementor-widget- 


3 Links should include text that is setting 
expectations to what page they are leading 
to. lf empty links are used as layout 
wrapping elements, a screen-reader only 
text oran "aria-label" attribute should be 
used for that description. 


Code snapshots of some successful elements 


<a href="https://aloffice.co/" > <img width="589" height="590" src="http 
s://pub-24d1854723aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/0 
6/MicrosoftTeams-image-20.png" class="attachment-large size-large entered 
lazyloaded" alt="Aloffice logo"... 


<a href="https://aloffice.co/about-us/" >ABOUT US</a> 


<a href="https://aloffice.co/category/blog/" >BLOGS</a> 


<a href="https://aloffice.co/write-on-pdf/" >PDF GUIDES</a> 


<a href="https://aloffice.co/premium" ><img class="img1" src="data:image/ 
svg+xml ,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200% 
200'%3E%3C/svg%3E" data-lazy-src="https://pub-24d1854723aa4a138328ba602a5 
3570b.r2.dev/wp-content/uploads... 


<a href="https://aloffice.co/jpeg-to-jpg/" >JPEG to JPG</a> 


<a href="#tools" »AT0Office Web <i style="float:right;" class="fa fa-arrow 
-right" aria-hidden="true"></i></a> 


<a href="https://workspace.google.com/marketplace/app/pdf editor al offic 
e/1032282258983" target="_blank" rel="noopener" »AT0Office Workspace<i sty 
le="float:right;" class="fa fa-arrow-right" aria-hidden="true"></i></a> 


«a href="https://play.google.com/store/apps/details?id=com.rpdev.documen 
t.manager.reader.allfiles" target="_blank" rel="noopener" >A10ffice Andro 
id<i style="float:right;" class="fa fa-arrow-right" aria-hidden="true"></ 
i»«/a» 


«a href="https://aloffice.co/pdf-editor" >Online PDF Editor.</a> 


Yes 4 2 67% 


Code snapshots of some successful elements 


<a class="elementor-icon elementor-social-icon elementor-social-icon-face 
book elementor-repeater-item-6aab9c9" href="https://www.facebook.com/alof 
ficeapps/" target="_blank" > <span class="elementor-screen-only">Facebook 
</span> <i class="fab fa-facebo... 


<a class="elementor-icon elementor-social-icon elementor-social-icon-link 
edin elementor-repeater-item-fa2f824" href="https://www.linkedin.com/comp 
any/alofficeapp/" target="_blank" > «span class="elementor-screen-only"»L 
inkedin</span> <i class="fab fa... 


<a class="elementor-icon elementor-social-icon elementor-social-icon-twit 
ter elementor-repeater-item-b0c9c3b" href="https://twitter.com/A10ffice d 
ocs" target=" blank" » «span class="elementor-screen-only"»Twitter«/span» 
<i class="fab fa-twitter"></i>... 


«a class="elementor-icon elementor-social-icon elementor-social-icon-yout 
ube elementor-repeater-item-54893f1" href="https://www.youtube.com/channe 
1/UCotg3eFSOrloTiraW9PofYg" target="_blank" > «span class="elementor-scre 
en-only">Youtube</span> <i clas... 


Code snapshots of some failed elements 


«a href="https://workspace.google.com/marketplace/app/pdf editor al offic 
e/1032282258983" target="_blank" rel="noopener" »AT0Office Workspace<i sty 
le="float:right;" class="fa fa-arrow-right" aria-hidden="true"></i></a> 


«a href="https://play.google.com/store/apps/details?id=com.rpdev.documen 
t.manager.reader.allfiles" target="_blank" rel="noopener" >A10ffice Andro 
id<i style="float:right;" class="fa fa-arrow-right" aria-hidden="true"></ 
i»«/a» 


An Hi title provides information to blind- Yes Pass - 100% 
users using screen-readers of what the 


main topic of the page is and each page 
should have exactly one H1 title. 


Code snapshots of some successful elements 


<h1 class="elementor-heading-title elementor-size-default">We make <span 


style="color:#183B56; font-weight:700;">documents easy!</span></h1> 


HTML title elements (H1-6) should have Yes 19 O 10096 
texts. If images or links are used, they 

should include an alternative or screen- 

reader only text. 


Elements that visually appear as titles but No O O 
are coded with a non-heading HTML Tag 

should include a "role" attribute that equals 

to "heading" or have their tags fixed. 


Title levels should not be skipped and Yes Pass - 100% 
should be built with consistent hierarchy. 
For example: you cannot have "h4" titles 
and "h2" titles without having "h3" titles. 


Interactive elements such as links, buttons No O 29 
and form fields should all be navigable 

using the keyboard by either using a 

focusable element (a, button, input, etc.) or 

including the "tabindex" attribute that 

equals to "O". 


Code snapshots of some failed elements 


«div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-b20185a" data-id="b20185a" data-element t 


ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-810dbc8" data-id="810dbc8" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


<div class="elementor-element elementor-element-578f993 elementor-widget 
elementor-widget-text-editor" data-id="578f993" data-element_type="widge 
t" data-widget_type="text-editor.default" > <div class="elementor-widget- 
container"> Edit alignment, size... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-26a31ed" data-id="26a31ed" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-01edde6" data-id="0ledde6" data-element t 
ype="column" » «div class="elementor-widget-wrap elementor-element-popula 
ted"» «div class="elementor-ele... 


«div class="elementor-element elementor-element-247595c elementor-widget 
elementor-widget-text-editor" data-id="247595c" data-element type="widge 
t" data-widget type="text-editor.default" » «div class="elementor-widget- 
container"» Convert each docx pa... 


«div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-8a0eb80" data-id="8a0eb80" data-element t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 
ted"> <div class="elementor-ele... 


«div class="elementor-widget-wrap elementor-element-populated” > «div cla 
ss="elementor-element elementor-element-cb4dd95 elementor-widget elemento 
r-widget-heading" data-id="cb4dd95" data-element_type="widget" data-widge 
t_type="heading.default"> <div ... 


<div class="elementor-element elementor-element-24fe4ab elementor-widget 
elementor-widget-text-editor" data-id="24fe4ab" data-element_type="widge 
t" data-widget_type="text-editor.default" > <div class="elementor-widget- 
container"> Convert Microsoft XP... 


<div class="elementor-column elementor-col-50 elementor-inner-column elem 
entor-element elementor-element-09acbfd" data-id="09ac5fd" data-element_t 
ype="column" > <div class="elementor-widget-wrap elementor-element-popula 


10 


1 
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13 


14 


15 


Interactive elements that can be navigated No 
using the keyboard should be surrounded 

by a visual outline whenever they are 

focused. 


Active popups should include an "aria- No 
modal" attribute that equals to "true", and a 

"role" attribute that equals to "dialog", so 
screen-reader users know how to navigate 

within it. 


Every page should include hidden links that No 
by clicking on them (either using keyboard 

navigation or a screen-readen, the user will 

"skip" certain blocks directly to main 

landmarks such as main content, menu or 

footer. 


Elements that are hidden using CSS No 
manipulations (opacity, height, text-indent, 

off-canvas, etc.) should be wrapped inside 

an element with an "aria-hidden" attribute 

that equals to "false", or include it directly, 

and have it dynamically changed to "true" 

when they become visible. 


Elements that are hidden using CSS No 
manipulations (opacity, height, text-indent, 

off-canvas, etc.) should include a 

"tabindex" attribute that is below O, and 

have it dynamically changed to O when 

they become visible. 


Menus should either be built using the No 
HTML5 "nav" element or include a "role" 

attribute that equals to "menu" or 

"navigation" to indicate a navigation 

landmark for screen-readers. 


Fail 


Fail 
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Yes 9 1 90% 


Code snapshots of some successful elements 


<img width="589" height="590" src="https://pub-24d1854723aa4a138328ba602a 
53570b.r2.dev/wp-content/uploads/2022/06/MicrosoftTeams-image-20.png" cla 
ss="attachment-large size-large entered lazyloaded" alt="Aloffice logo" d 
ata-lazy-srcset="https://pub-24... 


«img decoding="async" width="1024" height="1024" src="https://pub-24d1854 
723aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/07/Frame-6.svg" 
class="elementor-animation-grow attachment-large size-large entered lazyl 
oaded" alt="PDF EDITOR" data-la... 


«img decoding="async" width="1024" height="1024" src="https://pub-24d1854 
723aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/07/Group-14691.s 
vg" class="elementor-animation-grow attachment-large size-large entered l 
azyloaded" alt="WORD TO JPG" da... 


<img decoding="async" width="1024" height="1024" src="https://pub-24d1854 
723aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/07/Frame-3.svg" 
class="elementor-animation-grow attachment-large size-large entered lazyl 
oaded" alt="XPS TO PDF" data-la... 


<img decoding="async" width="315" height="100" src="https://pub-24d185472 
3aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/07/Group-100000173 
0.png" class="attachment-large size-large entered lazyloaded" alt="POPULA 
R Tag" data-lazy-srcset="https:... 
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<img decoding="async" width="1024" height="1024" src="https://pub-24d1854 
723aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/07/Group-14690.s 
vg" class="elementor-animation-grow attachment-large size-large entered l 
azyloaded" alt="EXCEL TO PDF" d... 


«img decoding="async" width="1024" height="1024" src="https://pub-24d1854 
723aa4a138328ba602a53570b.r2.dev/wp-content/uploads/2022/07/Group-14689.s 
vg" class="elementor-animation-grow attachment-large size-large entered l 
azyloaded" alt="WORD TO PDF" da... 


<img decoding="async" width="1024" height="1024" src="https://pub-24d1854 
723aa4a138328ba602a53570b. r2.dev/wp-content/uploads/2022/07/Group-14698.s 
vg" class="elementor-animation-grow attachment-large size-large entered l 
azyloaded" alt="EXCEL TO JPG" d... 


«img width="589" height="590" src="https://pub-24d1854723aa4a138328ba602a 
53570b.r2.dev/wp-content/uploads/2022/06/MicrosoftTeams-image-20.png" cla 
ss="attachment-full size-full entered lazyloaded" alt="Aloffice logo" dat 
a-lazy-srcset="https://pub-24d1... 


Code snapshots of some failed elements 


«img class="img3 entered lazyloaded" src="https://pub-24d1854723aa4a13832 
8ba602a53570b.r2.dev/wp-content/uploads/2022/06/Group-1000001715.png" dat 


a-lazy-src="https://pub-24d1854723aa4a138328ba602a53570b.r2.dev/wp-conten 
t/uploads/2022/06/Group-1000001... 


Yes 7 16 30% 


Code snapshots of some successful elements 


<span class="sala-dual-ring" ></span> 


<i class="fa fa-chevron-down" ></i> 


<i class="fa fa-arrow-down" aria-hidden="true" ></i> 


<i style="float:right;" class="fa fa-arrow-right" aria-hidden="true"></i> 


Code snapshots of some failed elements 


«i class="fal fa-times" »«/i» 


«i class="far fa-search large" ></1> 


«i class="fa fa-chevron-down"></i> 


«span class="line line1"»«/span» 


«span class="line line2"»«/span» 


«span class="line line3"»«/span» 


«i class="fa fa-arrow-right"»«/i» 


«i class="fab fa-facebook"»«/i» 


«i class="fab fa-linkedin"»«/1» 


«i class="fab fa-twitter"></i> 


21 Figure elements that are used to display 
images should have a "role" attribute that 


aniale ta "nana" and tha imana nravida 
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Ui GIL ULLUIIKULU: 


Every "area" element of a "map" tag should No 0 
be regarded as a standard image and 

receive an alternative text description using 

an "alt" attribute. 


Small or hidden tracker pixel images (often No (0) 
used for analytics or marketing purposes) 

should include a "role" attribute that equals 

to "none" or "presentation" so they are 

excluded from screen-readers. 


Form fields should either include an "aria- No (0) 
label" attribute or a connected LABEL 

element describing the requirement of the 

field (email, phone, name, etc.). 


Form elements cannot have the same ID, No 0 
or else their corresponding label will 
provide false information. 


Required form fields should include an No 0 
"aria-required" attribute that equals to 

"true" so blind users using screen-readers 

know their validation. 


The validity status of every form element No 0 
must be represented in the code at all 

times using the "aria-invalid" attributes and 

the "true/false" values, and change 

dynamically when the status changes. 


aria-describedby and aria-labeledby No 0 
attributes should be connected by ID to an 

element that either has text description or 

an "aria-label" attribute. 
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"button" element, or include a "role" tag 
that equals to "button". Buttons can be 
hidden if the form can be submitted using 
the Enter key. 


Search forms should include a "role" tag No O O 
that equals to "search" (or be wrapped by 

one) to indicate a search landmark for 

screen-readers. 


The title tag of the HEAD section (also the Yes Pass - 100% 
title that appears in the browser tab and 

Search Engine result pages) should exist 

and describe the name of the current 

webpage for screen-reader users. 


Code snapshots of some successful elements 


<title>A10ffice - Online Conversion and Editing Tools«/title» 


The HTML tag should include a "lang" Yes Pass - 100% 
attribute that represents the main language 

of the webpage so screen-readers can 

calibrate on it for blind users. 


Code snapshots of some successful elements 


<html lang="en-US" prefix="og: https://ogp.me/ns#"><head><meta charset="U 
TF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||na 


vigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.locat 
ion. href;if(!href.match(/[?&]no... 


The meta viewport tag should allow vision Yes Pass - 100% 
impaired users to pinch-zoom at least 

double the standard scaling using the user- 

scalable="yes" and maximum-scale={2 or 

higher) content strings. 


Code snapshots of some successful elements 


Yes 2 1 67% 


Code snapshots of some successful elements 


<footer id="footer" class="site-footer"> <div data-elementor-type="foote 
r" data-elementor-id="5933" class="elementor elementor-5933 elementor-loc 


ation-footer"> <div class="elementor-section-wrap"> <section class="eleme 
ntor-section elementor-top-sect1... 


Code snapshots of some failed elements 


<div class="elementor-widget-wrap elementor-element-populated"> <div clas 
s="elementor-element elementor-element-22d18bd elementor-widget elementor 
-widget-heading" data-id="22d18bd" data-element_type="widget" data-widget 
_type="heading.default"> <div c... 


Code snapshots of some failed elements 


<i class="fa fa-chevron-down"></i> 


<div class="elementor-widget-container"> <style ></style> <div class="ele 
mentor-social-icons-wrapper elementor-grid"> <span class="elementor-grid- 
item"> <a class="elementor-icon elementor-social-icon elementor-social-ic 
on-facebook elementor-repeater-... 


<div class="elementor-social-icons-wrapper elementor-grid"> <span class 
="elementor-grid-item"> <a class="elementor-icon elementor-social-icon el 
ementor-social-icon-facebook elementor-repeater-item-6aab9c9" href="http 
s://www.facebook.com/alofficeapps/... 
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<span class="elementor-grid-item"> <a class="elementor-icon elementor-soc 
ial-icon elementor-social-icon-facebook elementor-repeater-item-6aab9c9" 
href="https://www.facebook.com/alofficeapps/" target="_blank" > <span cla 
ss="elementor-screen-only" >Fac... 


<span class="elementor-grid-item"> <a class="elementor-icon elementor-soc 
ial-icon elementor-social-icon-linkedin elementor-repeater-item-fa2f824" 
href="https://www.linkedin.com/company/alofficeapp/" target="_blank" > <s 
pan class="elementor-screen-onl... 


<span class="elementor-grid-item"> <a class="elementor-icon elementor-soc 
ial-icon elementor-social-icon-twitter elementor-repeater-item-b0c9c3b" h 
ref="https://twitter.com/A10ffice docs" target="_blank" > <span class="el 
ementor-screen-only" >Twitter</... 


<span class="elementor-grid-item"> <a class="elementor-icon elementor-soc 
ial-icon elementor-social-icon-youtube elementor-repeater-item-54893f1" h 
ref="https://www.youtube.com/channel/UCotg3eFSOrloTiraW9PofYg" target="_b 
lank" > <span class="elementor-... 


Yes Pass - 100% 


Yes 45 38 54% 


Code snapshots of some successful elements 


«button class="dropbtn1" onclick="myFunction()" ><img class="img3 entered 
lazyloaded" src="https://pub-24d1854723aa4a138328ba602a53570b. r2.dev/wp-c 
ontent/uploads/2022/06/Group-1000001715.png" data-lazy-src="https://pub-2 
4d1854723aa4a138328ba602a53570... 


<a href="https://aloffice.co/about-us/" >ABOUT US</a> 


<a href="https://aloffice.co/write-on-pdf/" >PDF GUIDES</a> 


<a href="https://aloffice.co/premium" ><img class="img1" src="data:image/ 
svg+xml ,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200% 
200'%3E%3C/svg%3E" data-lazy-src="https://pub-24d1854723aa4a138328ba602a5 
3570b.r2.dev/wp-content/uploads... 


<span class="elementor-button-text">Start Editing PDF Document</span> 


<h2 class="elementor-heading-title elementor-size-default">PDF Editor</h2 
> 


<div class="elementor-widget-container"> Edit alignment, size, color of t 
he added content. Make changes to the existing text while add images, e-s 
ign, whiteout features to your pdf file. </div> 


<h2 class="elementor-heading-title elementor-size-default">WORD to JPG</h 
2> 


<div class="elementor-widget-container"> Convert each docx page to an ima 
ge in a click. Use this hassle free online tool to turn word pages to jpg 
for free. </div> 


Code snapshots of some failed elements 


<h1 class="elementor-heading-title elementor-size-default"»We make <span 
style="color:#183B56; font-weight:700;">documents easy!</span></h1> 


<span style="color:#183B56; font-weight:700;">documents easy!</span> 


<p>Easy and Effective PDF Editor.</p> 


«h2 class="elementor-heading-title elementor-size-default"»Works the way 
you work«/h2» 


«a href="#tools" »AT0Office Web «i style="float:right;" class="fa fa-arrow 
-right" aria-hidden="true"></i></a> 
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<p>Explore our web-based editors and tools for online editing. Files get 
processed on our servers while staying safe Samp; secure.</p> 


<a href="https://workspace.google.com/marketplace/app/pdf editor al offic 
e/1032282258983" target="_blank" rel="noopener" »AT0Office Workspace<i sty 
le="float:right;" class="fa fa-arrow-right" aria-hidden="true"></i></a> 


«p»Upload and edit or convert your files through Google Workspace. Helps 
you edit documents from anywhere.</p> 


«a href="https://play.google.com/store/apps/details?id=com.rpdev.documen 
t.manager.reader.allfiles" target="_blank" rel="noopener" >A10ffice Andro 
id<i style="float:right;" class="fa fa-arrow-right" aria-hidden="true"></ 
i»«/a» 


<p>Use the AlOffice free android app for document viewing and editing on 
mobile phones. Small size application, all-in-one complete office suite a 


pp.«/p» 


No 0) O 
No 0 0 l 
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should indicate their functionality and slide 


number they control using an "aria-label" 
and a screen-reader only text. 


Tables that are being used as layout 
structures should include a "role" attribute 
that equals to "presentation" to indicate to 
screen-readers that it is not really a table. 


If nested tables are used (a table element 
within a table cell), set the nested tables 
"role" attribute to "presentation". 


Tables that are missing a THEAD row with 
TH elements, should include a "role" 
attribute that equals to "rowheader" on the 
TD elements of the TR that represents the 
visual table headings. 


Visually deleted texts (often used to show a 
previous price of a sale) should include an 
"aria-label" attribute or a screen-reader 
only text that explains this is deleted text. 


Breadcrumbs main element should include 
a "role" attribute that equals to "navigation" 
and an "aria-label" attribute that describes 
the functionality." 


Ratings/scores that are represented visually 
using stars, meters or other indicators 
should either have an "aria-label" attribute 
or a screen-reader only texts conveying the 
score/rate. 


Making use of an accessibility interface 
helps to ensure that vision impaired users 
can adjust some of the Ul and the design 


lokal uima malbaŭa asanias O A 


No 


No 


No 
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put Can Neip LO Improve Compliance. 


Iframe elements should include a "title" or 
an "aria-label" attribute explaining the 
purpose, the functionality or the destination 
of the iframe, or be tagged hidden for 
screen-readers if irrelevant. 


